/************************************************************************
*************************************************************************
*************************************************************************
=========================================================================
* @ description: 基础公用样式及常用组件，应用于所有页面!
* @ author: kennen
* @ update: kennen(2017.06.01)
=========================================================================
*************************************************************************
*************************************************************************
*************************************************************************/

/***************************************
* name: reset
* tips: 浏览器重置
****************************************/
body{font:14px/1 "microsoft yahei", Tahoma, Arial, Helvetica,Sans-serif;color:#333;}
body,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
table td{vertical-align:middle;border:none;}
img{border:0;padding:0;margin:0;line-height:1;}
i,em{font-style:normal;font-weight:normal;font-size:14px;}
li{list-style:none;}
input[type=submit],button,input[type=button]{cursor:pointer;}
input,select,button{line-height:normal;outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
input,button,textarea,select{font-family:"microsoft yahei",Tahoma,Arial,Helvetica,Sans-serif;color:#333;}
a{color:#666;text-decoration:none;outline:none;cursor:pointer;}
a:hover{color:#0178d9;}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder{color:#bbb;}

/***************************************
* name: common
* tips: 独立公用样式
****************************************/
.clearfix{*zoom:1}
.clearfix:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}
.boxSizing{-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.alpha{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.overHiden{overflow:hidden;}
.pointer{cursor:pointer !important;}
.floatRight{float:right;}
.floatLeft{float:left;}
.hidden{display:none;}
.block{display:block;}

/***************************************
* name: layoutFrame
* tips: 框架布局
****************************************/
body{background:#fff;overflow-x:auto;overflow-y:auto;word-break:break-all;word-wrap:break-word;width:100%;}
body.overHidden{overflow:hidden;}
.screen1210 .wrapper{width:1210px;}
.screen1000 .wrapper{width:1000px;}
.wrapper{width:1440px;margin:0 auto;*zoom:1;}
.wrapper:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}
.mainner{*zoom:1;}
.mainner:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}

/***************************************
* name: font
* tips: 定义字体
****************************************/
/*font-color 定义字体颜色*/
.font-theme{color:#0178d9;}
.font-yellow{color:#0178d9;}
.font-orange{color:#ff6000;}
.font-black{color:#333;}
.font-white{color:#fff;}
.font-gray{color:#999;}
.font-green{color:#a4c512;}
.font-red{color:#ff6000;}
.font-blue{color:#0060b0;}
/*font-style 定义字体粗细*/
.font-bold{font-weight:bold}
.font-normal{font-weight:normal}
/*font-direction 定义字体方向*/
.font-left{text-align:left}
.font-right{text-align:right}
.font-center{text-align:center}

/***************************************
* name: bg-color
* tips: 定义背景颜色
****************************************/
.bg-theme{background:#0178d9;}
.bg-white{background:#fff;}
.bg-gray{background:#f2f2f2;}
.bg-theme{background:#4d6bab;}
.bg-green{background:#57cbc8;}
.bg-blue{background:#0060b0;}
.bg-red{background:#ea6060;}
.bg-none{background:none;}

/***************************************
* name: width
* tips: 定义宽度
****************************************/
.width50{width:50px;}
.width60{width:60px;}
.width70{width:70px;}
.width80{width:80px;}
.width90{width:90px;}
.width100{width:100px;}
.width110{width:110px;}
.width120{width:120px;}
.width130{width:130px;}
.width140{width:140px;}
.width150{width:150px;}
.width160{width:160px;}
.width170{width:170px;}
.width180{width:180px;}
.width190{width:190px;}
.width200{width:200px;}
.width210{width:210px;}
.width220{width:220px;}
.width230{width:230px;}
.width240{width:240px;}
.width250{width:250px;}
.width260{width:260px;}
.width270{width:270px;}
.width280{width:280px;}
.width290{width:290px;}
.width300{width:300px;}
.width350{width:350px;}
.width400{width:400px;}
.width450{width:450px;}
.width500{width:500px;}
.widthFull{width:100%;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/***************************************
========================================
========================================
* name: form-native
* tips: 表单元素-原生
========================================
========================================
****************************************/
/***************************************
* name: form-textarea
* tips: 表单元素-定义文本域
****************************************/
textarea{border:1px solid #dedede;width:100%;min-height:100px;font-size:14px;padding:10px;line-height:20px;outline:none;resize:none;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
textarea.readonly{background:#f5f6fa;border:1px solid #dedede;}
/***************************************
* name: form-select
* tips: 表单元素-定义下拉选择框
****************************************/
select{background:#fff;border:1px solid #dedede;height:36px;font-size:14px;border-radius:3px;}
select.disabled{background:#eee;color:#999;}
/***************************************
* name: form-radio
* tips: 表单元素-定义原生单选、多选
****************************************/
input[type="radio"],
input[type="checkbox"]{border:1px solid #dedede;width:14px;height:14px;vertical-align:-3px;}
/***************************************
* name: form-input
* tips: 表单元素-纯文本输入框
****************************************/
input[type="text"]{text-indent:5px;background:#fff;border:1px solid #dedede;height:20px;padding-top:7px;padding-bottom:7px;font-size:14px;border-radius:3px;}
/***************************************
* name: form-button
* tips: 表单元素-纯文本输入框
****************************************/
input[type="button"],button{border:none;background:#eee;height:32px;text-align:center;}

/***************************************
========================================
========================================
* name: form-diy
* tips: 表单元素-自定义
========================================
========================================
****************************************/
/***************************************
* name: form-diy-input
* tips: 表单元素-自定义-文本输入框组件
****************************************/
/*inputGroup 文本输入框-基础样式*/
.inputGroup{position:relative;z-index:0;background:#fff;border:1px solid #dedede;}
.inputGroup .inputTxt{width:100%;padding-left:5px;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.inputGroup .inputTxt{background:#fff;border:none;height:34px;padding-top:7px;padding-bottom:7px;font-size:14px;border-radius:3px;}
/*inputGroup 文本输入框-尺寸*/
.inputGroup .inputTxt.max{height:42px;}
.inputGroup .inputTxt.big{height:38px;}
.inputGroup .inputTxt.small{height:30px;}
.inputGroup .inputTxt.min{height:24px;}
/*inputGroup 文本输入框-状态*/
.inputGroup .inputTxt.readonly{background:#f5f6fa;border:1px solid #ddd;}
.inputGroup .inputTxt.disabled{background:#eee;color:#ccc;}
.inputGroup .inputTxt.error{border:1px solid #ea6060;}
/***************************************
* name: radioGroup
* tips: 表单元素-自定义单选框
****************************************/
/*radioGroup 自定义单选框*/
.radioGroup .radioItem{display:inline-block;position:relative;z-index:0;vertical-align:middle;}
.radioGroup .radioItem .fico-radio{position:absolute;z-index:1;font-size:14px;left:0;top:0;color:#999;}
.radioGroup .radioItem .tips{line-height:16px;padding-left:30px;}
.radioGroup .radioItem .radio{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;}
.radioGroup .radioItem.on .fico-radio{background-position:-44px -44px;}
/***************************************
* name: checkGroup
* tips: 自定义多选框
****************************************/
.checkGroup{display:inline-block;position:relative;z-index:0;min-width:20px;}
.checkGroup .fico-check{position:absolute;z-index:1;left:0;top:0;}
.checkGroup .tips{line-height:18px;padding-left:22px;}
.checkGroup .checkbox{position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;}
.checkGroup.on .fico-check{background-position:-9px -44px;}
/***************************************
* name: drapDownGroup
* tips: 自定义下拉框
****************************************/
.drapDownGroup{position:relative;z-index:10;display:inline-block;}
.drapDownGroup.hidden{display:none;}
.drapDownGroup.disabled .drapDown-dt .inputGroup,
.drapDownGroup.disabled .drapDown-dt .inputGroup .drapDown-curval{background:#fff;border-color:#ddd;color:#ccc;cursor:default;}
.drapDownGroup .drapDown-dt .inputGroup{width:100%;border:1px solid #ddd;border-radius:0px;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.drapDownGroup .drapDown-dt .inputGroup .drapDown-curval{width:80%;height:20px;padding-top:9px;padding-bottom:9px;font-size:14px;text-indent:10px;border:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#666;}
.drapDownGroup .drapDown-dt .inputGroup .drapDown-curval.widthFull{width:100%;}
.drapDownGroup .drapDown-dd{position:absolute;left:0;width:100%;max-height:300px;overflow-x:hidden;overflow-y:auto;background:#fff;border:1px solid #ddd;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.1);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;opacity:0;-moz-opacity:0;visibility:hidden;}
.drapDownGroup .drapDown-dd.on{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);visibility:visible;}
.drapDownGroup .drapDown-dd-fixed{position:fixed;}
.drapDownGroup .drapDown-dd-val{background:#fff;line-height:1;}
.drapDownGroup .drapDown-dd-val .item{padding:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;font-size:14px;}
.drapDownGroup .drapDown-dd-val .item:hover{background-color:#999;color:#fff;}
.drapDownGroup .drapDown-dd-val .item:hover a.font_theme{color:#fff;}
.drapDownGroup .drapDown-dd-title{background:#f5f6fa;}
.drapDownGroup .drapDown-dd-title .item{padding:10px;color:#4d6bab;cursor:pointer;}
.drapDownGroup .drapDown-dd-title .item:hover{background:#acbee5;color:#fff;}
.drapDownGroup.drapDown .drapDown-dd{top:46px;}
.drapDownGroup.drapDown .drapDown-dd.on{top:40px;}
.drapDownGroup.drapUp .drapDown-dd{bottom:42px;}
.drapDownGroup.drapUp .drapDown-dd.on{bottom:38px;}
.drapDownGroup.drapDown .fi-angle-down,
.drapDownGroup.drapUp .fi-angle-down{color:#333;float:left;margin:10px 0 0 10px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.drapDownGroup.drapDown .fi-angle-down.on,
.drapDownGroup.drapUp .fi-angle-down.on{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.drapDownGroup .icoContainer{float:left;background-color:none;width:36px;height:36px;position:absolute;right:1px;top:50%;margin-top:-18px;}

/***************************************
* name: button
* tips: 自定义按钮
****************************************/
/*btn-basic 按钮基础样式*/
.btn{display:inline-block;text-align:center;vertical-align:middle;white-space:nowrap;cursor:pointer;background:#dedede;border:1px solid #dedede;height:34px;line-height:32px;padding:0 15px;font-size:14px;border-radius:3px;}
.btn:hover,
.btn:focus,
.btn:active{}
.btn .label{display:inline-block;}
.btn .ico{display:inline-block;}

.btn.theme{background:#0178d9;border-color:#0178d9;color:#fff;}
.btn.theme.border{color:#0178d9;}
.btn.orange{background:#ff6000;border-color:#ff6000;color:#fff;}
.btn.orange.border{color:#ff6000;}
.btn.red{background:#e83437;border-color:#e83437;color:#fff;}
.btn.red.border{color:#e83437;}
.btn.green{background:#57cbc8;border-color:#57cbc8;color:#fff;}
.btn.green.border{color:#57cbc8;}
.btn.yellow{background:#f5b53a;border-color:#f5b53a;color:#fff;}
.btn.yellow.border{color:#f5b53a;}
.btn.blue{background:#0060b0;border-color:#0060b0;color:#fff;}
.btn.blue.border{color:#0060b0;}
.btn.blue_sky{background:#0060b0;border-color:#0060b0;color:#fff;}
.btn.blue_sky.border{color:#0060b0;}
.btn.blue_light{background:#eff3fa;border-color:#eff3fa;color:#4d6bab;}
.btn.blue_light.border{color:#eff3fa;}
.btn.white{background:#f5f6fa;border-color:#f5f6fa;color:#4d6bab;}
.btn.white.border{color:#999;}
.btn.gray{background:#d3d7e1;border-color:#d3d7e1;color:#fff;}
.btn.gray.border{color:#d3d7e1;}
.btn.black{background:#000;border-color:#000;color:#fff;}
.btn.black.border{color:#000;}
.btn.disabled{background:#eee;border-color:#eee;color:#ccc;cursor:default;}
.btn.disabled.border{color:#e6e6e6;cursor:default;}
.btn:hover{opacity:0.95;-moz-opacity:0.95;filter:alpha(opacity=95);}
.btn.disabled:hover,
.btn.disabled.border:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.btn.hidden{display:none;}
/*btn-border 定义边框*/
.btn.border{background:none;}
.btn.capsule{border-radius:36px;padding:0 10px!important;}/*胶囊按钮*/
.btn.capsule .ico{vertical-align:-2px;}
.btn.radiuNone{border-radius:0;}
/*btn-size 定义大小*/
.btn.max{height:42px;line-height:40px;font-size:18px;}
.btn.big{height:38px;line-height:36px;}
.btn.small{height:30px;line-height:30px;}
.btn.min{height:24px;line-height:24px;padding-right:5px;padding-left:5px;font-size:12px;}
/*btn-tag 标签*/
.tag{background:#e83437;color:#fff;border-radius:3px;padding:2px 3px;vertical-align:1px;display:inline-block;font-size:12px;}
.tag.theme{background:#ff6000;}
.tag.theme:hover{color:#fff;}
.tag.gray{background:#999;}
.tag.gray:hover{color:#fff;}

/***************************************
* name: alert
* tips: 公用弹出框固定样式
****************************************/
.alert{position:fixed;z-index:101;width:100%;height:100%;top:0;background:url(../img/ico-mask-black.png) repeat;visibility:hidden;opacity:0;overflow-x:hidden;overflow-y:auto;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.alert.on{visibility:visible;opacity:1;}
.alert.noMask{background:none;}
.alert .alertContainer{position:absolute;z-index:1999;left:50%;box-shadow:1px 1px 3px rgba(0,0,0,0.3);border-radius:5px;overflow:hidden;margin-bottom:10px;}
.alert .alertTitle{background:#f5f5f5;padding:15px 15px;position:relative;z-index:0;border-bottom:1px solid #eee;}
.alert .alertTitle.bgBlue{background:#4d6bab;color:#fff;}
.alert .alertTitle.bgBlue *{color:#fff;}
.alert .alertTitle .fi-close{position:absolute;right:15px;top:50%;margin-top:-10px;color:#999;cursor:pointer;font-size:20px;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.alert .alertTitle .fi-close:hover{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.alert .alertTitle .title{font-size:16px;}
.alert .alertContent{padding:20px 15px;background:#fff;}
.alert .alertConfirmTips{width:300px;padding:10px 20px 30px 20px;line-height:24px;text-align:center;color:#666;}
.alert .required .required-title{position:relative;z-index:0;}
.alert .required .required-title:before{content:"*";color:red;position:absolute;left:-10px;top:3px;float:left;width:5px;}
.alert .alert-actions{padding-top:20px;margin-top:20px;border-top:1px dashed #eee;}
.alert .alert-actions .btn{margin-right:5px;min-width:70px;}
.alert .actions-right{text-align:right;}
.alert .actions-right .btn{margin-left:5px;min-width:70px;}
.alert .alert-row-item{padding-bottom:20px;*zoom:1;}
.alert .alert-row-item:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}
.alert .alert-row-item .item-label{float:left;width:15%;text-align:left;line-height:36px;}
.alert .alert-row-item .item-content{float:left;width:83%;padding-left:2%;}
/*alertTips 仅提示信息*/
.alertTips{width:200px;padding:20px;line-height:24px;text-align:center;font-size:14px;background:url(../img/maskWhite.png) repeat;color:#666;overflow:hidden;}
.alertTips .fi{display:block;width:50px;height:50px;line-height:50px;text-align:center;margin:0 auto;font-size:50px;color:#666;}

/***************************************
* name: loading
* tips: 加载
****************************************/
/*loading-fullScreen 全屏加载*/
.loading-fullScreen{height:60px;line-height:60px;text-align:center;}
.loading-fullScreen .ico-loading{vertical-align:-10px;margin-right:5px;}
.loading-fullScreen .loading-tips{color:#999;}
/*loading-bg loading背景*/
.loading-bg{background:url(../img/loading.gif) center center no-repeat;}

/***************************************
* name: alertTips
* tips: 自定义附件上传组件
****************************************/
.fileGroup{position:relative;z-index:0;cursor:pointer;}
.fileGroup input[type="file"]{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;width:100%;height:100%;cursor:pointer;font-size:0;}
.fileGroup:hover .ico{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.fileGroup-annex{width:16px;height:16px;}
.fileGroup-annex .file{width:16px;overflow:hidden;}
.fileGroup-annex .ico_annex{z-index:1;position:absolute;top:1px;left:0;}

/***************************************
* name: starGroup
* tips: 评分组件
****************************************/
/*starGroup 默认显示状态*/
.starGroup,
.starGroup-number{display:inline-block;width:155px;overflow:hidden;background-image:url(../img/star-group.png);background-repeat:no-repeat;}
.starGroup{background-position:0 bottom;}
.starGroup .starGroup-inner{float:left;width:118px;height:18px;overflow:hidden;order:1px solid red;position:relative;z-index:0;}
.starGroup .starGroup-number{float:left;width:118px;height:18px;background-position:0 top;position:absolute;left:0;top:-1px;}
.starGroup .starGroup-tips{float:right;color:#999;line-height:18px;}
/*starGroup 可编辑状态*/
.starEditGroups{}
.starEditGroups .star-container{display:inline-block;}
.starEditGroups .star-list{overflow:hidden;}
.starEditGroups .star-list .star-item{float:left;width:20px;height:20px;cursor:pointer;position:relative;z-index:0;}
.starEditGroups .star-list .star-item .fi-star{color:#999;font-size:20px;}
.starEditGroups .star-list .star-item .fi-star-solid{color:#ff6000;font-size:20px;position:absolute;left:0;top:0;display:none;}
.starEditGroups .star-list .star-item.on .fi-star-solid{display:block;}
.starEditGroups .star-val{display:inline-block;vertical-align:4px;color:#999;margin-left:5px;}

/***************************************
* name: formGroups
* tips: 表单数据
************************************fv****/
.formGroups .dataItem{position:relative;z-index:0;padding-left:110px;display:block;min-height:48px;margin-bottom:25px;}
.formGroups .dataItem .label{position:absolute;left:0;top:0;width:100px;height:48px;line-height:48px;overflow:hidden;font-size:16px;color:#333;text-align:right;}
.formGroups .dataItem .content{}
.formGroups .dataItem.required .label:before{content:'*';display:inline-block;color:red;}
.formGroups .dataItem .enterTips{position:absolute;left:103%;top:0;width:200px;background:#fff;padding:15px;line-height:20px;box-shadow:0 0 5px 1px rgba(0,0,0,0.1);border:1px solid #eee;visibility:hidden;}
.formGroups .dataItem .enterTips.on{visibility:visible;}
.formGroups .dataItem .enterTips .ico-angle-left-white{position:absolute;left:-7px;top:18px;}
.formGroups .dataItem .errorTips{position:absolute;left:110px;top:50px;color:#ff1800;line-height:20px;}

/***************************************
* name: CSS3
* tips: CSS3相关特性
****************************************/
.transition{transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.rotate{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.scale{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}

/**************************
*** Swiper 2.7.6
*** 滑动插件样式 start 
**************************/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;
-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;cursor:default;}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-container .pagination{position:absolute;left:0;right:0;bottom:10px;text-align:center;cursor:default;}
.swiper-container .pagination .swiper-pagination-switch{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;}
.swiper-container .pagination .swiper-active-switch{background-color:#ff6700;color:#fff;}

/***************************************
* name: IE8-tips
* tips: 低版本浏览器兼容提示弹窗
****************************************/

/***************************************
* name: gotoTop
* tips: 返回顶部
****************************************/
.gotoTop{position:fixed;right:10px;bottom:100px;z-index:1;width:40px;height:40px;border-radius:40px;overflow:hidden;box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);text-align:center;background:rgba(0,0,0,0.5);display:none;}

/***************************************
* name: proNumGroups
* tips: 产品数量增减
****************************************/
.proNumGroups{text-align:center;overflow:hidden;width:135px;margin:0 auto;}
.proNumGroups .numBtn{float:left;width:24px;height:30px;border:1px solid #ddd;text-align:center;line-height:30px;font-size:12px;vertical-align:3px;}
.proNumGroups .inputTxt{float:left;width:40px;height:30px;padding:0 5px;border:1px solid #ddd;border-right:0;border-left:0;border-radius:0;text-align:center;}

/***************************************
* name: pagesGroup
* tips: 翻页组件
****************************************/
/*pagesGroup 翻页组件*/
.pagesGroup .list{overflow:hidden;text-align:center;}
.pagesGroup .list .item{display:inline-block;margin:0 2px;} 
.pagesGroup .list .item .aItem{display:block;min-width:15px;line-height:34px;text-align:center;border:1px solid #dedede;padding:0 10px;}
.pagesGroup .list .item .btn-more{border:none;}
.pagesGroup .list .item .btn-more:hover{background:none;}
.pagesGroup .list .item .btn-item.on,
.pagesGroup .list .item .btn-item:hover{background:#0178d9;color:#fff;border:1px solid #0178d9;}
.pagesGroup .list .item .btn-next{background:#333;color:#fff;border:1px solid #333;}
.pagesGroup .list .item .btn-prev.disabled,
.pagesGroup .list .item .btn-next.disabled{color:#aaa;cursor:default;}

/***************************************
* name: ico_fixedMenu
* tips: 右侧浮动条
****************************************/
.ico_fixedMenu{display:inline-block;background-image:url(../img/ico_fixedMenu.png);background-repeat:no-repeat;overflow:hidden;}
.ico_fixed_server{width:26px;height:26px;background-position:-9px -7px;}
.ico_fixed_weixin{width:26px;height:26px;background-position:-9px -41px;}
.ico_fixed_gotoTop{width:27px;height:33px;background-position:-9px -75px;}
.ico_bg_weixin{width:174px;height:180px;background-position:-43px -76px;}
.ico_bg_server{width:127px;height:60px;background-position:-43px -5px;}
/***************************************
* name: rightToolBar
* tips: 右侧浮动工具条
****************************************/
.rightToolBar{width:36px;background:#444;position:fixed;z-index:100;right:0;top:0;bottom:0;}
.rightToolBar .toolBar-top{position:absolute;left:0;right:0;top:100px;}
.rightToolBar .toolBar-bottom{position:absolute;left:0;right:0;bottom:0;background:#444;}
.rightToolBar .aMenu{display:block;min-height:36px;text-align:center;}
.rightToolBar .aMenu .fi{color:#fff;display:block;font-size:24px;width:36px;height:36px;line-height:36px;text-align:center;}
.rightToolBar .aMenu .title{color:#fff;display:block;padding:0 10px;}
.rightToolBar .aMenu .numberTag{display:block;margin:5px auto 0 auto;width:20px;height:20px;line-height:20px;border-radius:20px;font-size:12px;background:#ff6000;color:#fff;}
.rightToolBar .menu-item:hover .aMenu{background:#ff6000;}
.rightToolBar .menu-cart .aMenu{padding-bottom:15px;}
.rightToolBar .menu-acount{position:relative;z-index:0;}
.rightToolBar .menu-acount .moreInfo{position:absolute;right:36px;top:20px;width:100px;line-height:36px;text-align:center;background:#302e2e;height:36px;color:#fff;opacity:0;visibility:hidden;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.rightToolBar .menu-acount:hover .moreInfo{top:0;opacity:1;visibility:visible;}
.rightToolBar .menu-acount .moreInfo .fi-triangle-right{position:absolute;right:-10px;top:0;color:#302e2e;}
.rightToolBar .menu-scanning{position:relative;z-index:0;}
.rightToolBar .menu-scanning .moreInfo{position:absolute;right:36px;top:-150px;opacity:0;visibility:hidden;
transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.rightToolBar .menu-scanning:hover .moreInfo{top:-170px;opacity:1;visibility:visible;}
.rightToolBar .menu-scanning .moreInfo .list{width:130px;padding:10px 0;border:5px solid #ebebeb;background:#fff;text-align:center;display:block;}
.rightToolBar .menu-scanning .moreInfo .list .item .title{line-height:20px;color:#333;font-size:12px;margin-bottom:3px;}
.rightToolBar .menu-scanning .moreInfo .fi-triangle-right{position:absolute;right:-10px;top:180px;color:#fff;}

/***************************************
* name: adFull
* tips: 通栏广告条
****************************************/
.adFull{overflow:hidden;background-repeat:no-repeat;background-position:center center;}
.adFull .aItem{overflow:hidden;cursor:pointer;display:block;}
.adFull .aItem .img{float:left;width:100%;}

/***************************************
* name: freeData
* tips: 定义编辑器内容样式
****************************************/
.freeData{line-height:24px;font-size:14px;*zoom:1}
.freeData:after{display:block;height:0;line-height:0;clear:both;visibility:hidden;content:'\0020';}
.freeData img{max-width:100%;vertical-align:middle;border:none;}

/***************************************
* name: breadNav
* tips: 面包屑导航
****************************************/
.breadNav-list{padding:20px 0;}
.breadNav-item{display:inline-block;}
.breadNav-item .fi{font-size:12px;}
.breadNav-item:first-child .fi{display:none;}
.breadNav-item:last-child .aItem{color:#999;}

/***************************************
* name: dataComEmpty
* tips: 数据为空-公用
****************************************/
.dataEmpty{padding:30px 0;text-align:center;margin:0 auto;}
.dataEmpty .tips-img{}
.dataEmpty .tips-img .img{max-width:100%;}
.dataEmpty .tips-txt{padding:30px 0;vertical-align:middle;}

/***************************************
* name: labelGroups
* tips: 数据LAB切换
****************************************/
.labelGroups .labelCon-item{display:none;}
.labelGroups .labelCon-item:first-child{display:block;}

/***************************************
* name: f-ico
* tips: 自定义图标
****************************************/
/*fico 样式图片*/
.fico{background-image:url(../img/ico.png);background-repeat:no-repeat;display:inline-block;overflow:hidden;}
.fico-check{width:18px;height:18px;background-position:-9px -8px;}
.fico-radio{width:18px;height:18px;background-position:-43px -9px;}